"use client";
import { useState } from "react";

export default function LikeButton() {
  // 定义变量状态 links 点赞数 ， setLinks：修改点赞的方法 useState(0) 初始化
  const [links, setLinks] = useState(0);

  // 定义点击事件
  function handleClick() {
    // 修改 links 点赞数
    setLinks(links + 1);
    console.log("点赞了");
  }

  return (
    <div style={{ textAlign: "center", padding: "50px" }}>
      <p style={{ fontSize: "24px" }}>当前热度：{links}</p>
      {/* 绑定事件 onClick (注意是大写 C) */}
      <button
        onClick={handleClick}
        style={{
          fontSize: "16px",
          padding: "10px 20px",
          backgroundColor: "#4CAF50",
          color: "white",
          border: "none",
          borderRadius: "5px",
          cursor: "pointer",
        }}
      >
        👍 给我也整一个
      </button>
    </div>
  );
}
